<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>左栏弹出效果</title>
		<style>
			
			
			/* 
			
			
			
			List-style-tyle 去列表项样式
			List-style-position 去列表项标记位置样
			(ist-style-image
			去列表项图片标记样式
			*
			list-style: none;
			**
			左栏效果
			*1.左栏空间区域【aside】
			235*450
			背景颜色
			* 2.左栏区域内容【Li】
			加权235*50
			相对定位--挂靠点【屋
			* 3.给每个区(内容【Li】
			加鼠标移动上去改背景颜色
			*
			
			
			
			
			
			 */
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
		</style>
	</head>
	
	<!--  -->
	
	<body>
		<aside>
			<ul class="sidebear">
				<!-- 弹出框 -->
				<div class="out"></div>
				    <li>手机</li>
					<li>电脑</li>
					<li>家具</li>
					<li>男装</li>
					<li>女装</li>
					<li>家电</li>
			</ul>
			
			
		</aside>
	</body>
</html>